مرجع آموزش طراحی سایت

اصول استعمال از رنگها در طراحی وب سایت با تحلیلی بر کتاب ها روانشناسی رنگهای پنتون، رنگها برای معاش عالی تاثیر مری لامبرت، هارمونی طراحی سایت در مشهد رنگها تاثیر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات For.Dummies نگاشته گردیده است. اصول به کار گیری از رنگها در طراحی وب سایت با پیاده سازی دیجیتال و یا این که حتی پیاده سازی کلاسیک تفاوت چندانی ندارد. اساسا برای گزینش رنگ در پیاده سازی سه کتاب مرجع Color the Dreams و The Psychology و Word and Image هر سه نوشته Carl Jung روانشناس سوئدی مورد استناد قرار می گیرد. یونگ یکی‌از روانشناسانی بود که برای نخسین بار از رنگ برای فهمیدن به عاطفه ها و احساسات و سختی های آدمی به کار گرفت.

نکته ای که استفاده از رنگها در ساخت سایت را با پیاده سازی روی شیت متمایز میکند. تفاوت رنگ و نور و روشنایی است. در پیاده سازی دیجیتال و طراحی سایت ما از سه نوروروشنایی قرمز رنگ، سبز، زرد برای ایجاد کرد تصاویر استفاده می‌کنیم. هر کدام از این سه نورها 255 شیب رنگی در دست ما قرار میدهد که عملا بیش تر از شانزده میلیون رنگ متفاوت برای پیاده سازی در چنگ ما قرار می گیرد. بعضی از شیب رنگ ها برای دیده بشر قابل تمایز وجود ندارد.

اصول به کار گیری از رنگ ها در ساخت وب سایت
برای ساخت وب سایت میتوان از رنگهای کامل کننده، رنگهای شبیه و... استفاده نمود. همان گونه که گفتیم رنگ با نور و روشنایی گوناگون میباشد. هنگامیکه حرف از رنگ های تکمیل کننده، شبیه و مانند آن میگردد منظور ما رابطه رنگ ها در دایره رنگ است. دایره رنگ دایره ای میباشد که شروع با سه رنگ مهم آبی رنگ، زرد رنگ، قرمز‌رنگ در سه نصیب متساوی پر میگردد. آن گاه با ادغام این سه رنگ کناره دربین رنگ ها را مالامال می نمایند. ادغام دو رنگ کنارهم در دایره رنگ و ایجاد رنگ تازه میتواند تا بینهایت ادامه یابد.

اصول به کار گیری از رنگها در ساخت سایت

برای گزینش رنگ مطلوب در بخش های متفاوت وبسایت، ابزارهای تعیین رنگ آنلاین را نیز میتوان بهره مند شد. از دربین ابزار های آنلاین جان دار ابزار Color Wheel از گروه ابزارهای کمپانی ادوبی تولیدکننده فتوشاپ یک کدام از شایسته ترین ها می باشد. این ابزار در نشانی https://color.adobe.com/create/color-wheel/ بصورت یک ابزار آنلاین مجانی در دسترس است. با کمک این ابزار میتوان برای بخش های متعدد وب سایت تعیین رنگ را جاری ساختن بخشید.

ابزار گزینش رنگ

اصولا با هر روشی که بخواهید رنگ های سایت را انتخاب نمایید. باید شروع یک رنگ یا این که تم اصلی برای وب سایت خویش در لحاظ بگیرید. رنگ های مانند آبی رنگ برای تارنما های آموزشی و دولتی، رنگ های سبز برای وب سایت های مربوط به طبیعت و خردسال ها، رنگ بنفش برای وب سایت های خدماتی و رنگ صورتی برای سایت های فروش تولیدها آرایشی زنانه بصورت پیش فرض به وسیله اغلب اشخاص رعایت می گردند.

زمانی که مشتری به شما مراجعه میکند و از پیشین رنگ سازمانی خویش را تعیین نموده است. شما دیگر نمیتوانید براساس الگوی فوق رنگ ها را گزینش نمائید. در حالتی‌که رنگ سازمانی شرکتی با رنگ های از پیش رقم خورده تفاوت داشت شما می بایست با امداد رنگ های شبیه و کامل کننده مخلوط رنگ تارنما را به سمتی ببرید که احساس نه به مشتری القاء نماید.

نمونه: شرکتی در حوزه انرژی با فیلد کاری کسب گاز طبیعی و فراوری و فروش آن به شما مراجعه میکند و رنگ سازمانی خویش را زرد اعلام میکند. این مجموعه از قبل کارت ویزیت و بقیه لازمات اداری را براساس این رنگ سازمانی خریداری نموده است و قابلیت و امکان تغییر و تحول رنگ سازمانی خویش را ندارد. درین‌وضعیت‌ شما می‌توانید با به کارگیری از رنگ هایی مانند آبی و مشکی بعنوان رنگ تکمیل کننده و از رنگ نارنجی رنگ بعنوان رنگ شبیه رنگ زرد در پیاده سازی استفاده فرمایید. ترکیب این چهار رنگ میتواند سایتی زیبا تولید نماید.

رنگ های شبیه در طراحی سایت با تم زرد

نکته : برای پیاده سازی نصیب اساسی محتوا که برنده آن متن می‌باشد از پس زمینه سپید و رنگ مشکی برای فونت استعمال فرمایید. بعضی از تارنما های اهل ایران از رنگ طوسی برای فونت بهره می‌گیرند. اینکار از حیث گرافیکی غلط میباشد. رنگ طوسی بعنوان رنگ نوشته از حیث روانشناسی در معنای بی عنایت بودن و مرده بودن زمینه میباشد. حتما ما نمی خواهیم اینگونه حسی را به مشتریانمان القاء کنیم.

نکته : رنگ طوسی بعنوان رنگ خنثی در گرافیک اینترنت بسیار کاربرد دارااست. اما استفاد از آن بعنوان رنگ نوشته برنده تارنما قادر است خواننده را خسته نماید.

برای اعتقاد از صدق این کلام کافیست در گوگل عبارت graphic tutorial را کاوش کرده و ده وبسایت اول را در مرورگر خویش گشوده کنید. کل تارنما های مطرح از رنگ فونت سیاه خالص در دورنما سپید خالص فایده می‌برند.

لوگو وب سایت با رنگی مقداری تیره خیس همپا با رنگ سپید بعنوان رنگ خنثی پیاده سازی گردیده‌است. رنگ فونت نوشته ها در متن مقاله‌ها مشکی و رنگ عناوین با رنگ سازمانی همرنگ رقم خورده اند. لینک و پیوند ها و رنگ هاور آن‌ها از رنگ های شبیه رنگ سازمانی است. در پایین مقاله‌ها از رنگ کامل کننده برای دکمه قسمت دیدگاه ها مستعمل است. رنگ تکمیل کننده اعتنا مخاطب را بدین قسمت جلب نماید.

برای استفاده از رنگ ها در می بایست از چه اصولی تقلید کنیم:
سپید:

در نرم افزار فتوشاپ رنگ سپید خالص و سیاه خالص رنگ تشخیص داده نمی‌شوند. بلکه نور و سایه شناخته میشوند. چنانچه شما همت نمائید با لایه های تنظیمی این دو رنگ را تغییر‌و تحول دهید. بهره ای نتایج نخواهید کرد. در طبیعت سپید و مشکی رنگ محسوب میشوند.

کاربرد رنگ سپید در طراحی وب: رنگ سپید بعنوان فونت روی پس زمنیه های تیره خوانایی بسیار بالایی دارااست. امروزه با دقت به گرایش یوزرها به به کارگیری از دور‌نما تیره (نرم‌افزار هایی مانند فتوشاپ، 3D max و... در ورژن های 2017 خویش از رنگ مسئله طوسی و یا این که مشکی منفعت گرفته اند) رنگ فونت سپید برای فونت بسیار پر استفاده شده است.

فراموش نکنید که رنگ فونت سپید روی دور نما سیاه مطلق دیده را خسته میکند.

گرافیک سپید رنگ چه تاثیری در استفاده کننده می‌گذارد: متانت و امنیت و تندرست و ملایمت

نکته : در طراحی وب سایت رنگ سپید خالص اکثر زمان ها برای پس زمینه محتوا متنی سایت به کار گیری می‌گردد.

اصول استعمال از رنگها در طراحی وب سایت با تحلیلی بر کتاب ها روانشناسی رنگهای پنتون، رنگها برای معاش عالی تاثیر مری لامبرت، هارمونی طراحی سایت در مشهد رنگها تاثیر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات For.Dummies نگاشته گردیده است. اصول به کار گیری از رنگها در طراحی وب سایت با پیاده سازی دیجیتال و یا این که حتی پیاده سازی کلاسیک تفاوت چندانی ندارد. اساسا برای گزینش رنگ در پیاده سازی سه کتاب مرجع Color the Dreams و The Psychology و Word and Image هر سه نوشته Carl Jung روانشناس سوئدی مورد استناد قرار می گیرد. یونگ یکی‌از روانشناسانی بود که برای نخسین بار از رنگ برای فهمیدن به عاطفه ها و احساسات و سختی های آدمی به کار گرفت.

نکته ای که استفاده از رنگها در ساخت سایت را با پیاده سازی روی شیت متمایز میکند. تفاوت رنگ و نور و روشنایی است. در پیاده سازی دیجیتال و طراحی سایت ما از سه نوروروشنایی قرمز رنگ، سبز، زرد برای ایجاد کرد تصاویر استفاده می‌کنیم. هر کدام از این سه نورها 255 شیب رنگی در دست ما قرار میدهد که عملا بیش تر از شانزده میلیون رنگ متفاوت برای پیاده سازی در چنگ ما قرار می گیرد. بعضی از شیب رنگ ها برای دیده بشر قابل تمایز وجود ندارد.

اصول به کار گیری از رنگ ها در ساخت وب سایت
برای ساخت وب سایت میتوان از رنگهای کامل کننده، رنگهای شبیه و... استفاده نمود. همان گونه که گفتیم رنگ با نور و روشنایی گوناگون میباشد. هنگامیکه حرف از رنگ های تکمیل کننده، شبیه و مانند آن میگردد منظور ما رابطه رنگ ها در دایره رنگ است. دایره رنگ دایره ای میباشد که شروع با سه رنگ مهم آبی رنگ، زرد رنگ، قرمز‌رنگ در سه نصیب متساوی پر میگردد. آن گاه با ادغام این سه رنگ کناره دربین رنگ ها را مالامال می نمایند. ادغام دو رنگ کنارهم در دایره رنگ و ایجاد رنگ تازه میتواند تا بینهایت ادامه یابد.

اصول به کار گیری از رنگها در ساخت سایت

برای گزینش رنگ مطلوب در بخش های متفاوت وبسایت، ابزارهای تعیین رنگ آنلاین را نیز میتوان بهره مند شد. از دربین ابزار های آنلاین جان دار ابزار Color Wheel از گروه ابزارهای کمپانی ادوبی تولیدکننده فتوشاپ یک کدام از شایسته ترین ها می باشد. این ابزار در نشانی https://color.adobe.com/create/color-wheel/ بصورت یک ابزار آنلاین مجانی در دسترس است. با کمک این ابزار میتوان برای بخش های متعدد وب سایت تعیین رنگ را جاری ساختن بخشید.

ابزار گزینش رنگ

اصولا با هر روشی که بخواهید رنگ های سایت را انتخاب نمایید. باید شروع یک رنگ یا این که تم اصلی برای وب سایت خویش در لحاظ بگیرید. رنگ های مانند آبی رنگ برای تارنما های آموزشی و دولتی، رنگ های سبز برای وب سایت های مربوط به طبیعت و خردسال ها، رنگ بنفش برای وب سایت های خدماتی و رنگ صورتی برای سایت های فروش تولیدها آرایشی زنانه بصورت پیش فرض به وسیله اغلب اشخاص رعایت می گردند.

زمانی که مشتری به شما مراجعه میکند و از پیشین رنگ سازمانی خویش را تعیین نموده است. شما دیگر نمیتوانید براساس الگوی فوق رنگ ها را گزینش نمائید. در حالتی‌که رنگ سازمانی شرکتی با رنگ های از پیش رقم خورده تفاوت داشت شما می بایست با امداد رنگ های شبیه و کامل کننده مخلوط رنگ تارنما را به سمتی ببرید که احساس نه به مشتری القاء نماید.

نمونه: شرکتی در حوزه انرژی با فیلد کاری کسب گاز طبیعی و فراوری و فروش آن به شما مراجعه میکند و رنگ سازمانی خویش را زرد اعلام میکند. این مجموعه از قبل کارت ویزیت و بقیه لازمات اداری را براساس این رنگ سازمانی خریداری نموده است و قابلیت و امکان تغییر و تحول رنگ سازمانی خویش را ندارد. درین‌وضعیت‌ شما می‌توانید با به کارگیری از رنگ هایی مانند آبی و مشکی بعنوان رنگ تکمیل کننده و از رنگ نارنجی رنگ بعنوان رنگ شبیه رنگ زرد در پیاده سازی استفاده فرمایید. ترکیب این چهار رنگ میتواند سایتی زیبا تولید نماید.

رنگ های شبیه در طراحی سایت با تم زرد

نکته : برای پیاده سازی نصیب اساسی محتوا که برنده آن متن می‌باشد از پس زمینه سپید و رنگ مشکی برای فونت استعمال فرمایید. بعضی از تارنما های اهل ایران از رنگ طوسی برای فونت بهره می‌گیرند. اینکار از حیث گرافیکی غلط میباشد. رنگ طوسی بعنوان رنگ نوشته از حیث روانشناسی در معنای بی عنایت بودن و مرده بودن زمینه میباشد. حتما ما نمی خواهیم اینگونه حسی را به مشتریانمان القاء کنیم.

نکته : رنگ طوسی بعنوان رنگ خنثی در گرافیک اینترنت بسیار کاربرد دارااست. اما استفاد از آن بعنوان رنگ نوشته برنده تارنما قادر است خواننده را خسته نماید.

برای اعتقاد از صدق این کلام کافیست در گوگل عبارت graphic tutorial را کاوش کرده و ده وبسایت اول را در مرورگر خویش گشوده کنید. کل تارنما های مطرح از رنگ فونت سیاه خالص در دورنما سپید خالص فایده می‌برند.

لوگو وب سایت با رنگی مقداری تیره خیس همپا با رنگ سپید بعنوان رنگ خنثی پیاده سازی گردیده‌است. رنگ فونت نوشته ها در متن مقاله‌ها مشکی و رنگ عناوین با رنگ سازمانی همرنگ رقم خورده اند. لینک و پیوند ها و رنگ هاور آن‌ها از رنگ های شبیه رنگ سازمانی است. در پایین مقاله‌ها از رنگ کامل کننده برای دکمه قسمت دیدگاه ها مستعمل است. رنگ تکمیل کننده اعتنا مخاطب را بدین قسمت جلب نماید.

برای استفاده از رنگ ها در می بایست از چه اصولی تقلید کنیم:
سپید:

در نرم افزار فتوشاپ رنگ سپید خالص و سیاه خالص رنگ تشخیص داده نمی‌شوند. بلکه نور و سایه شناخته میشوند. چنانچه شما همت نمائید با لایه های تنظیمی این دو رنگ را تغییر‌و تحول دهید. بهره ای نتایج نخواهید کرد. در طبیعت سپید و مشکی رنگ محسوب میشوند.

کاربرد رنگ سپید در طراحی وب: رنگ سپید بعنوان فونت روی پس زمنیه های تیره خوانایی بسیار بالایی دارااست. امروزه با دقت به گرایش یوزرها به به کارگیری از دور‌نما تیره (نرم‌افزار هایی مانند فتوشاپ، 3D max و... در ورژن های 2017 خویش از رنگ مسئله طوسی و یا این که مشکی منفعت گرفته اند) رنگ فونت سپید برای فونت بسیار پر استفاده شده است.

فراموش نکنید که رنگ فونت سپید روی دور نما سیاه مطلق دیده را خسته میکند.

گرافیک سپید رنگ چه تاثیری در استفاده کننده می‌گذارد: متانت و امنیت و تندرست و ملایمت

نکته : در طراحی وب سایت رنگ سپید خالص اکثر زمان ها برای پس زمینه محتوا متنی سایت به کار گیری می‌گردد.